	<template>
		<view class="success-content">
			<view class="success-image">
				<image src="../../static/vip/success.png" mode=""></image>
			</view>
			<view class="success-title">
				缴费成功
			</view>
			<view class="success-sub">
				恭喜用户成为VIP3会员，快去享受权益吧~
			</view>
			<button class="success-btn" @click="toReback">确定</button>
		</view>
	</template>

	<script>
		export default {
			methods: {
				toReback() {
					uni.navigateBack({
						delta: 1
					})
				}
			}
		}
	</script>

	<style lang="scss" scoped>
		.success-content {
			height: 481rpx;
			width: 556rpx;
			margin-left: 98rpx;
			margin-right: 96rpx;
			margin-top: 350rpx;
			// display: flex;
			// justify-content: center;
			// flex-wrap: wrap;
			// background-color: red;

			.success-image {
				width: 556rpx;
				height: 133rpx;
				display: flex;
				justify-content: center;

				image {
					width: 133rpx;
					height: 133rpx;
					// margin-left: 212rpx;
					// background: linear-gradient(153deg, #F4CEC8 0%, #EA7866 100%);
				}
			}

			.success-title {
				width: 556rpx;
				height: 44rpx;
				font-size: 32rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 600;
				color: #333333;
				// margin-left: 210rpx;
				margin-top: 72rpx;
				display: flex;
				justify-content: center;
			}

			.success-sub {
				width: 556rpx;
				margin-top: 16rpx;
				height: 40rpx;
				font-size: 28rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				color: #999999;
			}

			.success-btn {
				width: 314rpx;
				height: 96rpx;
				background: linear-gradient(90deg, #EC8D7E 0%, #FF6F59 100%);
				box-shadow: 0rpx 4rpx 20rpx 0rpx #F7E4E1, inset 0rpx 2rpx 20rpx 6rpx rgba(255, 174, 161, 0.61);
				border-radius: 150rpx;
				font-size: 32rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 80rpx;
			}
		}
	</style>